<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>3DAnimation_shining</title>
		<!--<meta http-equiv="refresh" content="20">  <!--html 页面刷新代码-->
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/header_footer.css"/>
		<link rel="stylesheet" type="text/css" href="css/3DAnimation_shining.css"/>
		<link rel="stylesheet" type="text/css" href="css/3DAnimation_shining_响应式.css" media="screen and (max-width:1122px)"/>
	</head>
	<body>

			<div id="nav" class="clear">
				<div class="nav_box">
					<div class="nav_logo">
						<a href="#"><img src="img/shininglogo.png" /></a>
					</div>
					<div class="nav_logo_right">
						<a href="#"><img src="img/nav.png" /></a>
					</div>
					<div class="nav_content">
						<ul class="list">
							<li>
								<a href="Home.html" >Home</a>
							</li>
							<li>
								<a href="about.html">About</a>
							</li>
							<li>
								<a href="Rendering.html">Rendering</a>
							</li>
							<li>
								<a href="Animation.html" class="active">3D Animation</a>
							</li>
							<li>
								<a href="Bim.html">Bim</a>
							</li>
							<li>
								<a href="Contact.html">Contact</a>
							</li>
						</ul>
					</div>
				</div>
			</div>   
		<div id="Animation_wrap">
			
			<div id="Animation_wrap_top">
				<div class="Animation_play">
					<img src="img/3DAnimation/28.jpg" />
					<img src="img/3DAnimation/play.png"/>
					<p>Sichuan Province-Commercial Rea</p>
				</div>
			</div>
			<div id="Animation_wrap_bottom" class="clear">
				<ul id="Animation_list">
					<li>
						<img src="img/3DAnimation/commercial.jpg" class="list_img"/>
						<p>Commercial Real Estate-2014-10</p>
					</li>
					<li>
						<img src="img/3DAnimation/26.jpg" class="list_img"/>
						<p>Commercial Real Estate-2014-10</p>
					</li>
					<li>
						<img src="img/3DAnimation/27.jpg" class="list_img"/>
						<p>Commercial Real Estate-2014-10</p>
					</li>
					<li>
						<img src="img/3DAnimation/24.jpg" class="list_img"/>
						<p>Chongqing City-Real Estate-2013</p>
					</li>
					<li>
						<img src="img/3DAnimation/25.jpg" class="list_img"/>
						<p>Commercial Real Estate-2013-09</p>
					</li>
					<li>
						<img src="img/3DAnimation/1.jpg" class="list_img"/>
						<p>Commercial Real Estate-2014-10</p>
					</li>
					<li>
						<img src="img/3DAnimation/23.jpg" class="list_img"/>
						<p>Huzhou City Commercial Real Est</p>
					</li>
					<li>
						<img src="img/3DAnimation/22.jpg" class="list_img"/>
						<p>Qiandao Lake Real Estate</p>
					</li>
					<li>
						<img src="img/3DAnimation/sichuan.jpg" class="list_img"/>
						<p>Sichuan Province-Commercial Rea</p>
					</li>
				</ul>
			</div>
		</div>
		</div>
		
		<div id="footer" class="clear">
				<div id="footer_box">
					<div class="footer_mail">
						<a href="#"><img src="img/mail.jpg" /><img src="img/mail_h.jpg" /></a>
					</div>
					<div class="footer_link">
						<a href="#"><img src="img/facebook.jpg" /><img src="img/facebook_h.jpg" /></a>
						<a href="#"><img src="img/youtube.jpg" /><img src="img/youtube_h.jpg" /></a>
						<a href="#"><img src="img/linkedln.jpg" /><img src="img/linkedln_h.jpg" /></a>
						<a href="#"><img src="img/twitter.jpg" /><img src="img/twitter_h.jpg" /></a>
					</div>
					<p>Copyright © 1998-2015 shining Group</p>
				</div>
			</div>

	</body>
</html>
<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/Animation.js"></script>
